﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>旅行注意</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="not-front page-contacts">

<div id="main">


    <!-- head 头部 -->
    <div id="head" th:include="common/index_header :: copyheader"></div>

    <div id="google_map2_wrapper" align="center">
        <div style="width:100%;height:300px;border:#ccc solid 1px;" id="dituContent"></div>
    </div>

    <div class="breadcrumbs1_wrapper">
        <div class="container">
            <div class="breadcrumbs1"><a href="view">首页</a><span>/</span>旅行注意</div>
        </div>
    </div>


    <div id="content">
        <div class="container">

            <div class="row">
                <div class="col-sm-6">

                    <h4>一、出发前准备事项</h4>

                    <p>
                        1. 您在旅行前应充分考虑自身身体状况进行合理、适合您的行程安排，建议旅行前做一次身体检查。同时也建议您出行前购买合适的旅游保险以更好地保障您的权益及出行安全。

                        2. 您应根据自己的身体状况随身携带一些必备的药品及常用药品（如感冒药、止泻药、晕车药等），根据天气变化准备衣物及雨具。为了防止火灾事故的发生，请勿携带易燃、易爆物品，不要乱扔烟头和火种。

                        3. 临行前尽量将旅游线路等信息告知家人，留一份自己的身份证、护照复印件给家人，以便遇到紧急情况的时候备用。

                        4. 您应在出行前了解旅行地的天气、气象情况及当地治安情况。
                    </p>

                    <br>

                    <h4> 二、乘坐交通工具注意事项</h4>
                    <p>
                        您在乘坐飞机、火车、汽车等交通工具时，应注意遵守相关乘客安全管理规定。<br>
                        当地出行时，您应选择路况较好的旅行线路和安全可靠的交通工具。<br>
                       如遇恶劣天气，请您审慎出行。<br>
                    </p>

                    <h4>三、风险项目提示</h4>

                    <p>
                        游泳、漂流、潜水、冲浪、探险、热气球、高山索道、滑雪、溜冰等涉水、攀爬、户外、探险类的活动项目，<br>
                        均可能存在人身危险。您在参加此类活动项目前应根据自身条件认真评估自身健康状况及风险承受能力，<br>
                        提前了解项目要求和当地气象条件，并充分参考当地相关部门及其它专业机构的相关公告和建议后量力而行。<br>
                        同时也建议您事先购买必要的专项旅游保险以更好地保障您的权益及出行安全。<br>
                    </p>

                </div>
                <div class="col-sm-6">

                    <h4>四、目的地出行</h4>

                    <p>
                        您在目的地出行时应遵守当地法律法规、尊重风俗习惯、文化传统及宗教信仰。您在当地选择出游时请选择正规的旅游机构。
                    </p>

                    <br>

                    <h4> 五、理性消费</h4>
                    <p>
                        购买商品要冷静，理性消费，不要盲目听信商家推荐，不贪小便宜，谨防上当受骗。
                    </p>

                    <h4> 六、公共安全事件</h4>

                    <p>
                        如遇自然灾害、意外事故、人身伤害、被抢被盗、旅游纠纷等情况，请及时就近报警并与中国驻当地使馆联系。
                    </p>

                </div>
            </div>

        </div>
    </div>

    <!--底部-->
    <div th:include="common/index_footer :: copyfooter"></div>

</div>
<script src="../../static/js/bootstrap.min.js"></script>
</body>


<script type="text/javascript" th:inline="javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(106.55, 29.57);//定义一个中心点坐标
        map.centerAndZoom(point, 12);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图


</script>

<script>
    function test() {
        swal("SUCCESS", "You clicked the button!", "success");
    }
</script>
</html>
